<template>
  <m-cell-group>
    <view class="box">
      <m-tag>{{ modal.skuName }}</m-tag>
      <u-read-more toggle show-height="132" close-text="展开" open-text="收起" text-indent="0" :shadow-style="{}">
        <view class="item" style="margin-top: 15rpx">
          <text class="title">SKU编号</text>
          <text>{{ modal.skuCode }}</text>
        </view>
        <view class="item">
          <text class="title">零件图号</text>
          <text>{{ modal.skuPartNo }}</text>
        </view>
        <view class="df aic jcsb">
          <view class="item">
            <text class="title">毛重（kg）</text>
            <m-text filter="currency" :filter-text="(modal.grossWeight || 0) / 1000"></m-text>
          </view>
          <view class="item">
            <text class="title">包装数量</text>
            <text>{{ modal.realPackageNumber }}</text>
          </view>
        </view>
        <view class="df aic jcsb">
          <view class="item">
            <text class="title">入库数量</text>
            <text>{{ modal.packageQuantity }}</text>
          </view>
          <view class="item">
            <text class="title">分拣数量</text>
            <text>{{ modal.palletCodeSkuList.length }}</text>
          </view>
        </view>
        <view class="item">
          <text class="title">仓库编号</text>
          <text>{{ modal.imsCode }}</text>
        </view>
        <view class="item">
          <text class="title">库位承重（kg）</text>
          <m-text
            filter="currency"
            v-if="modal.unitWeight !== ''"
            :filter-text="(modal.unitWeight || 0) / 1000"
          ></m-text>
        </view>
        <view class="item">
          <text class="title">价格范围（元）</text>
          <text v-if="modal.minPrice !== '' || modal.maxPrice !== ''">
            <m-text filter="currency" :filter-text="(modal.minPrice || 0) / 100"></m-text>-
            <m-text filter="currency" :filter-text="(modal.maxPrice || 0) / 100"></m-text
          ></text>
        </view>
      </u-read-more>
    </view>
  </m-cell-group>
</template>

<script>
export default {
  props: {
    modal: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  data() {
    return {}
  },
}
</script>

<style lang="scss" scoped>
.box {
  padding: 20rpx 0;
  .item {
    display: flex;
    align-items: center;
    color: #333;
    padding: 0rpx 20rpx 0rpx;
    flex: 1;
    font-size: 30rpx;

    .title {
      color: #748da7;
      font-size: 26rpx;
      width: 185rpx;
    }
  }
}
</style>
